<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="author" content="刘亚彬">
		<title>68期项目汇总</title>
		<style>
			table{
				margin: auto;
				border-collapse: collapse;
			}
			td, th{
				border: 1px solid gray;
				text-align: center;
				padding: 0 20px;
			}
			.active{
				color: red;
			}
		</style>
	</head>
	<body>
		<script src="./data.js"></script>
		<table id="table">
			<tr>
				<th>编号</th>
				<th>姓名</th>
				<th>项目名</th>
				<th>技术栈</th>
				<th>平台</th>
			</tr>
		</table>
		<script>
			data.forEach((item,i) => {
				var tr = document.createElement("tr");
				tr.innerHTML = `
					<td>${i+1}</td>
					<td>${item[0]}</td>
					<td class="active">${item[1]}</td>
					<td>${item[2]}</td>
					<td>${item[3]}</td>
				`
				table.appendChild(tr)
			});
		</script>
	</body>
</html>
